<template>
    <div>
        <table class="table table-bordered">
            <tr>
                <td>用户名</td>
                <td>
                    <input type="text" v-model="state.name">
                </td>
            </tr>

            <tr>
                <td>密码</td>
                <td>
                    <input type="password" v-model="state.pwd">
                </td>
            </tr>

            <tr>
                <td></td>
                <td>
                    <input type="button" value="登录" @click="login">
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import { reactive, toRefs } from 'vue';
import { useRouter, useRoute } from 'vue-router';
import axios from 'axios';
let router = useRouter();
let route = useRoute();
let data: any = reactive({
    state: {
        name: '',
        pwd: '',
    },
});

let { state } = toRefs(data);

const login = () => {
    if (state.value.name == "") {
        alert("用户名不能为空");
        return;
    }
    if (state.value.pwd == "") {
        alert("密码不能为空");
        return;
    }
    let obj = {
        name: state.value.name,
        pwd: state.value.pwd,
    };
   axios({
    url:'/api/Login/LoginSelect',
    method:'get',
    params:obj
   }).then((res)=>{
       if(res.data.data==-1)
       {
           alert("用户名错误");
           return;
       }
      if(res.data.data==-2)
      {
          alert("密码错误");
          return;
      }
      
        alert("登录成功")
        router.push( '/add' )
      
   }).catch((err)=>{
       console.log(err);
   })
}
</script>

<style scoped></style>